<template>
	<div class="banner">
		<div class="img"><img :src="poster" alt="" /></div>
		<div class="filmback" @click="filmback">
			<i class="iconfont icon-xiangzuojiantou" />
		</div>
	</div>
</template>

<script>
export default {
	props: ['poster'],
	methods: {
		filmback() {
			history.back()
		},
	},
}
</script>

<style lang="less" scoped>
.banner {
	position: relative;
	.img {
		width: 100%;
		height: 210px;
		overflow: hidden;
		img {
			width: 100%;
			margin-top: -160px;
		}
	}
}
.filmback {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 5px;
	left: 5px;
	background: rgba(255, 255, 255, 0.2);
	color: #616c74;
  .iconfont{
    font-size: 30px;
  }
}
</style>
